/**
 * @class tuan.view.donhang.DonHangGridView
 * @extends extendsClass
 * Description
 */

Ext.define('tuan.view.donhang.DonHangGridView', {
    extend: 'Ext.grid.Panel',
    xtype : 'don-hang-grid-view-master',
    autoDestroy: false,
    store : null,
    emptyText: 'No Matching Records',
    height : 485,
    autoScroll: true,
    columns : [
		{ 
			header : "#id", 
			dataIndex : "id", 
			flex:1,
		},
    	{  
            header : "Ngày đặt hàng", 
            dataIndex : "order_date", flex:2,
            // renderer: Ext.util.Format.dateRenderer('d/m/Y')
        },
        {  
            header : "Dead Line", 
            dataIndex : "deadline", flex:2,
            renderer: Ext.util.Format.dateRenderer('d/m/Y')
        },
    	{ header : "Tên khách hàng", dataIndex : "ten_khach_hang", flex:2},
		{
			header : "Trạng thái", dataIndex : "status",flex:4,

		},
        {
            header : "Tỉnh", dataIndex : "tinh_thanh",flex:3,

        }
    ],
     // paging bar on the bottom
    bbar: {
        xtype : "pagingtoolbar",
        store: null,
        id: 'paging_grid_order_master',
        displayInfo: true,
        displayMsg: 'Displaying topics {0} - {1} of {2}',
        emptyMsg: "No topics to display",
    },
    tools : [
        {
            xtype : 'button',
            text : 'Lọc đơn hàng đang xử lý',
            scale   : 'small',
            margin: '0 10 0 0',
            itemId : 'btnLocDonHangDangXyLy',
        },
        {
            xtype : "button",
            text : "Tìm kiếm nâng cao",
            scale   : 'small',
            icon: 'resources/icon/simplycons_130.png',
            margin: '0 10 0 0'

        },
        {
            xtype : 'combobox',
            // id : 'filterKhachHangCombobox',
            itemId : 'filterKhachHangCombobox',
            displayField : 'fullname',
            valueField  : 'username',
            typeAhead : true,
            typeAheadDelay : 100,
            width : 200
        },
        {
            xtype : "button",
            menu  : {
                items: [
                    {
                        text: 'Load',
                        iconCls : 'icon-accept',
                        id : 'btnRefreshOrder',
                        icon : 'http://sencha.com/favicon.ico'
                    },
                    {
                        text: 'In đơn hàng',
                        iconCls : 'icon-accept',
                        itemId : 'btnPrintOrder',
                        icon : 'http://sencha.com/favicon.ico'
                    },
                ]
            },
            text : "Tùy chọn",
            scale   : 'small',
            icon: 'resources/icon/simplycons_37.png',

        },

    ],

});